import './App.scss'
import 'antd/dist/antd.css'
import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
import Layout from './views/layout'
import List from './views/list'
import Audit from './views/audit'
import Detail from './views/detail'
import Add from './views/add'

const App = () => {
  return (
    <>
      <BrowserRouter>
        <Routes>
          <Route path="/" element={<Layout></Layout>}>
            <Route path="/audit" element={<Audit></Audit>}></Route>
            <Route path="/list" element={<List></List>}></Route>
            <Route path="/add" element={<Add></Add>}></Route>
            <Route path="/detail/:id" element={<Detail></Detail>}></Route>
            <Route path="/" element={<Navigate to="/audit"></Navigate>}></Route>
          </Route>
        </Routes>
      </BrowserRouter>
    </>
  )
}

export default App